<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/js.vue.js"></script>
</head>
<body>
    <div id="app">
        <hello>马道固战神杨超
            <world >8848
                <template #cc>aaa</template>
            </world>
            
        </hello>
    </div>
    <script>
        let app=Vue.createApp({
            components:{
                hello:{
                    template:`<div>
                             <button>战神</button>
                             <slot></slot>
                        </div>`,
                    
                },
                world:{
                        template:`<h1>卧龙</h1>
                        <h1>凤雏</h1>
                        <slot name="cc"></slot>
                        `
                        , 
                    }

            }
        });
        app.mount('#app');
    </script>
</body>
</html>